import { Checkbox, Space, Tag, Card } from 'antd'
import React from 'react'

const { Meta } = Card

function rpd({ OrderFileId, CompressPath, FileName, PixWidth, PixHeight, Dpi, Num },{Checkbox}) {
  return <Meta title={<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
    <span>{FileName}</span>
  </div>} description={
    <div style={{
      height: 52, display: 'flex',
      flexDirection: 'column',
      justifyContent: 'space-around'
    }}>
      <Tag color={'processing'}>{`宽:${PixWidth}px  |  高:${PixHeight}px`} </Tag>
      <Space>
        <Tag color={'processing'}>{`Dpi:${Dpi}px  |  数量:${Num}张`} </Tag>
        {Checkbox}
      </Space>
    </div>
  }/>
}

export { rpd }
